<div class="panel bar fix hasMenu" style="{{if position_top}}top:{{:position_top}};{{/if}}{{if position_left}}left:{{:position_left}};{{/if}}" tpl="new_dict">
	<div class="title">{{:lang.New}} - {{:lang.dictionary}}
		<ul class="toolbar right">
			<li title="{{lang.close}}" class="button bar-close ico close">
			</li>
		</ul>
	</div>
	<form>

        <div class="grid-container">
            <div class="grid">
                <div class="col col-3-12">
                    <label>{{:lang.dict_ID}}
                        <input name="ID" />
                    </label>
                </div>
                <div class="col col-4-12">
                    <label>{{:lang.dictionary_name}}
                        <input name="name" />
                    </label>
                </div>
                <div class="col col-5-12">
                    <label>{{:lang.dict_length}}
                        <input name="length" />
                    </label>
                </div>
            </div>
        </div>



            <table>
                <thead>
                <tr>
                    <td>{{:lang.key}}</td>
                    <td>{{:lang.constraint}}</td>
                    <td style="width: 2em"></td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>key1</td>
                    <td>/****/</td>
                    <td>{{:lang.Delete}}</td>
                </tr>
                <tr>
                    <td>key2</td>
                    <td>/****/</td>
                    <td>{{:lang.Delete}}</td>
                </tr>
                </tbody>
            </table>
			<!--<fieldset>
			<legend>{{:lang.key}}</legend>
				<label style= "width:150px">{{:lang.key}}
					<input type="hidden" name="key" />
				</label>
				<label style="width:300px">{{:lang.constraint}}
					<input type="hidden" name="constraint" />
				</label>
				
				<label style= "width:150px">key1
					<input type="hidden" name="key" />
				</label>
				<label style="width:300px">/****/
					<input type="hidden" name="constraint" />
				</label>
				<label id="delete" type="button" >{{:lang.Delete}}</label>
				
				<label style= "width:150px">key2
					<input type="hidden" name="key" />
				</label>
				<label style="width:300px">/****/
					<input type="hidden" name="constraint" />
				</label>
				<label id="delete" type="button" >{{:lang.Delete}}</label>
			</fieldset>-->
        <div class="row">
			<label style="width:100px">{{:lang.key}}
				<input  name="key" />
			</label>
			<label style="width: 135px;">{{:lang.constraint}}
                <input  class="left" name="constraint" style="width:100px" />
                <a class="button primary icon" style="float:left;" id="catch">
                    <span class="ico add"></span>
                </a>
			</label>
		</div>
		
		<div class="row">
			<ul class="toolbar right">
				<li class="button success large" id="create" title="{{:lang.create}}">
                    {{:lang.create}}
				</li>
				<li class="button warning large" id="cancel" title="{{:lang.cancel}}">
                    {{:lang.cancel}}
				</li>
			</ul>
		</div>
	</form>
</div>